import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
/** 自动按需加载 */
import Components from 'unplugin-vue-components/vite'
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
/** 模块自动导入 pnpm add -D unplugin-auto-import */
import AutoImport from 'unplugin-auto-import/vite'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
     // 解析单文件组件的插件
     vue({
      // 开启解构Props响应式转换功能
      reactivityTransform: true
    }),
    Components({
      resolvers: [AntDesignVueResolver()],
    }),
    AutoImport({
      // 自定义导入模块
      imports: ['vue','vue-router'],
      // 自动导入自定义代码模块
      dirs: ['./src/api','./src/stores'],
      // 定义的ts类型文件
      dts:'./src/types/auto-import.d.ts'
    })
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})
